<template>
  <div class="mine primary-blue">
    <common-header />
    <div class="app-container">
      <nav-bar />
      <div class="set-container">
<!--        <dashboard />-->
        <div class="setup">
          <router-view />
        </div>
      </div>
    </div>
    <common-footer />
  </div>
</template>
<script setup>
import CommonHeader from "@/components/common/CommonHeader.vue";
import NavBar from "@/components/mine/NavBar.vue";
import Dashboard from "@/components/mine/Dashboard.vue";
import Setup from "@/components/mine/Setup.vue";
import CommonFooter from "@/components/common/CommonFooter.vue";
</script>
<style scoped>
.app-container{
  margin-bottom: 50px;
  display: flex;
  width: 1200px;
  flex: 1;
}
.set-container{
  flex: 1;
}
.setup {
  padding: 32px 0px 32px 50px;
}
</style>